function getAllNote() {
    
    Ext.application({
        name: 'MyApp',
        launch: function() {
            Ext.create('Ext.container.Viewport', {
                items: {
                    html: 'My App'
                }
            });
        }
    });
    
    
    //    Ext.create('Ext.data.Store', {
    //        storeId:'simpsonsStore',
    //        fields:['name'],
    //        data: [["Lisa"], ["Bart"], ["Homer"], ["Marge"]],
    //        proxy: {
    //            type: 'memory',
    //            reader: 'array'
    //        }
    //    });

    Ext.define('NoteModel', {
        extend: 'Ext.data.Model',
        fields: [
        {
            name: 'id',   
            type: 'int'
        },

        {
            name: 'name',  
            type: 'string'
        },

        {
            name: 'description', 
            type: 'string'
        }
        ]
    });


    Ext.define('NoteStore', {
        storeId: 'note',
        extend:'Ext.data.Store',
        model : 'NoteModel',
        autoLoad: true,
        scope : this,
        proxy:{
            type: 'ajax',
            url: '/json/note/getAll.htm',
            reader: {
                type: 'json',
                root: 'data'
            }
        }
    });

    Ext.create('Ext.grid.Panel', {
        store: 'note',
        columns: [
        {
            header: 'Name',  
            dataIndex: 'name'
        }
        ],
        height: 200,
        width: 400,
        renderTo: Ext.getBody()
    });
};